<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns="http://www.w3.org/1999/html">

<head>

    <!--MyHeader-->
    <div th:include="common::MyHeader"></div>
    <!-- End of MyHeader -->
    <link rel="stylesheet" th:href="@{/ztree/3.5/css/default/zTreeStyle.css}">
    <link th:href="@{/ztree/3.5/css/metro/zTreeStyle.css}" rel="stylesheet"/>
    <link th:href="@{/bootstraptable/bootstrap-table.min.css}" rel="stylesheet"/>


</head>

<body id="page-top">

<!-- Page Wrapper -->
<div id="wrapper">

    <!-- Sidebar -->
    <ul th:replace="common::Sidebar(${session.user.loginName},${session.role.roleName})"></ul>
    <!-- End of Sidebar -->

    <!-- Content Wrapper -->
    <div id="content-wrapper" class="d-flex flex-column">

        <!-- Main Content -->
        <div id="content">

            <!-- Topbar -->
            <div th:include="common::Topbar(${session.user.userName})"></div>
            <!-- End of Topbar -->

            <!-- Begin Page Content -->
            <div class="container-fluid">

                <!-- Page Heading -->
                <div class="d-sm-flex align-items-center justify-content-between mb-4">
                    <h1 class="h3 mb-0 text-gray-800">学生管理系统</h1>
                </div>

                <!-- Content Row -->
                <div class="row">
                    <div class="col-lg-4 mb-12">
                        <ul id="tree" class="ztree"></ul>
                    </div>
                    <div class="col-lg-8 mb-12">
                        <div class="form-group" id="uploadUser" hidden="hidden">

                            <div class="panel-footer row" style="padding: 15px"><!-- panel-footer -->
                                <div class="col-xs-6 text-left">
                                    <div style="margin: 1px;float: left">
                                        <form action="/user/inputUserTemplate" method="post">
                                            <button id="inputUserTemplate" class="btn btn-success btn-sm"
                                                    type="submit" title="下载录入成员的模板">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                                     fill="currentColor" class="bi bi-box-arrow-in-down"
                                                     viewBox="0 0 16 16">
                                                    <path fill-rule="evenodd"
                                                          d="M3.5 6a.5.5 0 0 0-.5.5v8a.5.5 0 0 0 .5.5h9a.5.5 0 0 0 .5-.5v-8a.5.5 0 0 0-.5-.5h-2a.5.5 0 0 1 0-1h2A1.5 1.5 0 0 1 14 6.5v8a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 14.5v-8A1.5 1.5 0 0 1 3.5 5h2a.5.5 0 0 1 0 1h-2z"/>
                                                    <path fill-rule="evenodd"
                                                          d="M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708l3 3z"/>
                                                </svg>
                                                模板
                                            </button>
                                        </form>
                                    </div>
                                    <div style="margin: 1px;float: left">
                                        <button id="uploadUserBtn" class="btn btn-success btn-sm" type="submit"
                                                style="float: left"  title="录入学生信息">
                                            <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-box-arrow-up"
                                                 fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                                <path fill-rule="evenodd"
                                                      d="M4.646 4.354a.5.5 0 0 0 .708 0L8 1.707l2.646 2.647a.5.5 0 0 0 .708-.708l-3-3a.5.5 0 0 0-.708 0l-3 3a.5.5 0 0 0 0 .708z"/>
                                                <path fill-rule="evenodd"
                                                      d="M8 11.5a.5.5 0 0 0 .5-.5V2a.5.5 0 0 0-1 0v9a.5.5 0 0 0 .5.5z"/>
                                                <path fill-rule="evenodd"
                                                      d="M2.5 14A1.5 1.5 0 0 0 4 15.5h8a1.5 1.5 0 0 0 1.5-1.5V7A1.5 1.5 0 0 0 12 5.5h-1.5a.5.5 0 0 0 0 1H12a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-.5.5H4a.5.5 0 0 1-.5-.5V7a.5.5 0 0 1 .5-.5h1.5a.5.5 0 0 0 0-1H4A1.5 1.5 0 0 0 2.5 7v7z"/>
                                            </svg>
                                            录入
                                        </button>
                                    </div>

                                </div>
                                <div class="col-xs-6 text-right" style="float: left">
                                    <input id="uploadUserFile" type="file" class="form-control-file"
                                           style="float: left">
                                </div>
                            </div><!-- end panel-footer -->


                        </div>
                        <div id="toolbar">
                            <form action="/user/exportByDeptId" method="post">
                                <input id="deptInput" type="text" name="deptId" hidden="hidden">
                                <button id="exportBtn" hidden="hidden" class="btn btn-primary btn-sm"
                                        type="submit">导出
                                </button>
                            </form>
                        </div>
                        <table id="table"></table>
                    </div>
                </div>

                <div class="row">

                    <!-- Content Column -->


                    <div class="col-lg-6 mb-4">

                    </div>
                </div>

            </div>
            <!-- /.container-fluid -->

        </div>
        <!-- End of Main Content -->

        <!-- Footer -->

        <script th:src="@{/webjars/popper.js/1.11.1/dist/umd/popper.min.js}"></script>
        <div th:include="common::Footer"></div>
        <script th:src="@{/ztree/3.5/js/jquery.ztree.core-3.5.js}"></script>
        <script th:src="@{/bootstraptable/bootstrap-table.min.js}"></script>
        <script th:src="@{/bootstraptable/bootstrap-table-zh-CN.min.js}"></script>
        <script th:src="@{/js/stuDept.js}"></script>
        <script th:src="@{/js/commonDept.js}"></script>
        <!-- End of Footer -->

    </div>
    <!-- End of Content Wrapper -->

</div>
<!-- End of Page Wrapper -->

<!-- Scroll to Top Button-->
<a class="scroll-to-top rounded" href="#page-top">
    <i class="fas fa-angle-up"></i>
</a>

<!-- Logout Modal-->
<div th:include="common::LogoutModal"></div>


</body>

</html>
